<div data-role="page">
    <div data-role="header">
        <a href="#" data-rel="back" class="ui-btn ui-icon-arrow-l ui-btn-icon-left ui-shadow">返回</a>
        <h1>app版本信息</h1>
    </div>
    <div role="main" class="ui-content">
        <p>请查看一下调用示例</p>
        <div data-role="collapsible">
            <h1>授权本地通知</h1>
            <button  onclick="requestLocalNotificationPermission()" class="ui-btn ui-btn-a">点击授权本地通知</button>
            <div id="notificationPermission" width="100%"></div>
        </div>
        <div data-role="collapsible">
            <h1>检测是否有权</h1>
            <button  onclick="hasLocalNotificationPermission()" class="ui-btn ui-btn-a">点击检测是否有权限</button>
            <div id="hasNotificationPermission" width="100%"></div>
        </div>
        <div data-role="collapsible">
            <h1>创建通知渠道</h1>
            <button  onclick="createChannel()" class="ui-btn ui-btn-a">点击创建通知渠道</button>
            <div id="channelInfo" width="100%"></div>
        </div>
        <div data-role="collapsible">
            <h1>删除通知渠道</h1>
            <button  onclick="deleteChannel()" class="ui-btn ui-btn-a">点击删除通知渠道</button>
            <div id="deleteInfo" width="100%"></div>
        </div>
        <div data-role="collapsible">
            <h1>添加点击按钮</h1>
            <button  onclick="addActions()" class="ui-btn ui-btn-a">点击添加点击按钮</button>
            <div id="actionInfo" width="100%"></div>
        </div>
        <div data-role="collapsible">
            <h1>立即发送通知</h1>
            <button  onclick="sendLocalNotificationAtOnce()" class="ui-btn ui-btn-a">点击立即发送通知</button>
            <div id="atOnceInfo" width="100%"></div>
        </div>
        <div data-role="collapsible">
            <h1>发送进度条通知</h1>
            <button  onclick="sendLocalNotificationProgress()" class="ui-btn ui-btn-a">点击发送进度条通知</button>
            <div id="barInfo" width="100%"></div>
        </div>
        <div data-role="collapsible">
            <h1>更新进度条通知</h1>
            <button  onclick="sendLocalNotificationUpdateProgress()" class="ui-btn ui-btn-a">点击更新进度条通知</button>
            <div id="barUpdateInfo" width="100%"></div>
        </div>
        <div data-role="collapsible">
            <h1>清除单条通知</h1>
            <button  onclick="deleteLocalNotification()" class="ui-btn ui-btn-a">点击清除单条通知</button>
            <div id="deleteSingleInfo" width="100%"></div>
        </div>
        <div data-role="collapsible">
            <h1>清除所有通知</h1>
            <button  onclick="deleteAllLocalNotification()" class="ui-btn ui-btn-a">点击清除所有通知</button>
            <div id="deleteAllInfo" width="100%"></div>
        </div>
        <div data-role="collapsible">
            <h1>查询通知类型</h1>
            <button  onclick="getNotificationType()" class="ui-btn ui-btn-a">点击查询通知类型</button>
            <div id="typeInfo" width="100%"></div>
        </div>
        <div data-role="collapsible">
            <h1>查询所有通知</h1>
            <button  onclick="getNotificationIds()" class="ui-btn ui-btn-a">点击查询所有通知</button>
            <div id="idsInfo" width="100%"></div>
        </div>
        <div data-role="collapsible">
            <h1>获取通知对象</h1>
            <button  onclick="getNotificationJson()" class="ui-btn ui-btn-a">点击获取通知对象</button>
            <div id="jsonInfo" width="100%"></div>
        </div>
        <div data-role="collapsible">
            <h1>打开通知设置窗口</h1>
            <button  onclick="openNotificationWindow()" class="ui-btn ui-btn-a">点击打开通知设置窗口</button>
            <div id="windowInfo" width="100%"></div>
        </div>
        <div data-role="collapsible">
            <h1>固定时间提醒（1分钟后提醒）</h1>
            <button  onclick="sendLocalNotificationAtAfter()" class="ui-btn ui-btn-a">点击固定时间提醒（1分钟后提醒）</button>
            <div id="atInfo" width="100%"></div>
        </div>
        <div data-role="collapsible">
            <h1>最近一个小时后提醒</h1>
            <button  onclick="sendLocalNotificationAfterHour()" class="ui-btn ui-btn-a">点击最近一个小时后提醒</button>
            <div id="inInfo" width="100%"></div>
        </div>
        <div data-role="collapsible">
            <h1>设置重复提醒</h1>
            <button  onclick="sendLocalNotificationRepeat()" class="ui-btn ui-btn-a">点击设置重复提醒</button>
            <div id="everyInfo" width="100%"></div>
        </div>
        <div data-role="collapsible">
            <h1>每月第1天提醒</h1>
            <button  onclick="sendLocalNotificationRepeatMonth()" class="ui-btn ui-btn-a">点击每月第1天提醒</button>
            <div id="everyMonthInfo" width="100%"></div>
        </div>
    </div>
</div>
